* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial;
}

header form{
    background-color:#a2c72c;
    font-size: 12px;
}
header form a:hover{
    background-color: #7AC728;
    text-decoration: none;

}
header form i{
    padding-right: 10px;
}
header form a{

    padding: 15px 10px;
    color:#f4fdff;
    text-decoration: none;
    display: block;

}
/*---中间---*/
section .easy img{
    width:100%;
}
section .strong{
    text-align: center;
    background-color: #5982b8;
    padding-top: 39px;
    padding-bottom: 43px;
    color: #90b9ed;
    font-size: 13px;
}
section .strong img{
    margin-bottom: 30px;
}
section .strong .col-1{
    height: 90px;
    border-right:1px #6590c5  dashed;
}
section .know h4{
    font-size:20px;
    color: #646a8e;
}
.know p:nth-of-type(1){
    color: #72849a;
    font-weight: 300;
}
.know p:nth-of-type(2){
    font-size: 20px;
    color: #787683;
}
.know p:nth-of-type(3),.know p:nth-of-type(4){
    color: #a69f95;
    font-size: 13px;
}
.know img{
    width: 100%;
}
.goal .card-img{
    width: 60px;
    padding-top: 20px;
    margin-left: 22px;
}
.card{
    border:0;
}
.goal h5,.latest h5{
    font-size: 20px;
    color: #6d6a63;
}
.goal .card-text{
    font-size: 12px;
    color: #6d6a63;
}
.ultra{
    text-align: center;
}

.ultra h4{
    font-size: 20px;
    color: #4a6995;
    margin-top: 30px;
}
.ultra p{
    font-size: 17px;
    color: #747972;
}
.resopnsive{
    border-top: 1px #cbcbcb solid;
    text-align: center;
}
.resopnsive a{
    padding-top: 16px;
    font-size: 12px;
    color: #a7a5a6;
    width: 136px;
    display:inline-block;
    text-decoration: none;
}
.resopnsive .active{
    border-top:1px #416ca1 solid;
}
.resopnsive a:hover{
    border-top:1px #416ca1 solid;
    text-decoration: none;
}

.recent .right a{
    float: right;
    display: block;
    padding: 11px 14px;
    background-color: #406da4;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    text-decoration: none;
}
.recent .right a:hover{
    background-color: #1655a4;
    text-decoration: none;

}
.recent h4,.latest h4{
    font-size: 20px;
    color: #6d6a63;
}
.latest .card-text{
    color: #8b7b64;
    font-size: 12px;
}
.latest p:nth-of-type(2){
    font-size: 12px;
    color: #8b7b64;

}
.latest time{
    float: right;
}
.latest .card-title{
     margin-bottom: 0;
}
.latest .card-body{
    padding-left: 10px;
    padding-top: 37px;

}
.latest h5{
    font-size: 13px;
    color: #746568;
    font-weight: bolder;
}
.latest .card-text{
    font-size: 12px;
    color: #666666;

}
.latest  .col-6, .col-4{
    padding-top: 0;
}
.latest .card img{
    padding-top: 37px;
}
.latest .col-12 a{

    padding: 37px 96px;
    border:1px #e5e5e5 dashed;
    font-size: 14px;
    text-decoration:none;
}
.latest .col-12{
    margin-top: 43px;
}
.latest .col-12 img{
        padding-top: 42px;
    padding-left: 10px;

}
.sub{
    background-color: #406da4;
    padding-top: 100px;
    padding-bottom: 100px;
}
.sub .left img{
    float: right;
}
.sub h4{
    font-size: 28px;
    color: #e2ffff;
}
.sub p{
    font-size: 14px;
    color: #e2ffff;
}
.get{
    background-color: #ebebeb;
    padding-bottom: 7px;
    padding-top: 25px;
}
.get h3{
    font-size: 30px;
    color: #5e676e;
}
.get p{
    font-size: 14px;
    color: #7e7d79;
}
.get p a{
    color: white;
    padding: 17px 17px;
    text-decoration: none;
    background-color: #406da4;
    margin-left: 7px;
    display: inline-block;
}
footer .use{
    background-color: #49494b;
    padding-top: 30px;
    padding-bottom: 40px;
}
footer h4 img{
    margin-bottom: 10px;
}
footer p{
    color: #efe8f0;
    font-size: 12px;
    line-height: 21px;
}
footer h4{
    font-size: 16px;
    color: #ffffff;
}
footer ul{
    list-style: none;
    font-size:12px;

}
footer ul li{
    line-height: 32px;
}
footer a{
    color: #f7fcff;
    text-decoration: none;
}
.ul-1{
    margin-top: 20px;
}
.form-control{
    background-color: #414143;
    border: 0;
    border-radius: 0;
    color: #969cb6;
}
.input-group-text{
    border-radius: 0;
    color: #fff;
    background-color: #406da4;
    border:0;
    width: 100px;
    font-size: 14px;
}
.input-group{
    margin-top: 30px;
}
.more{
    background-color: #282828;
    text-align: center;
    padding-top: 20px;
}
@media (max-width: 600px) {
    header{
        width: 100%;
    }
    .resopnsive .container{
        width: 90%;
    }
    .recent img{
        width: 100%;
    }
    .img1{
        width: 100%;
    }
    .get h3{
        font-size: 22px;
    }
    .img-a{
        padding: 0;
    }
    .latest .col-12 a{

    }
    .get p a{
        margin-top: 20px;
    }
    .ultra img{
        width: 100%;
    }
}
